/* 后代选择器 */

/* 元素一 元素二 {样式声明} */

/* eg：把ol中的li选出来，颜色改为blue */
ol li {
    color: blue;
}

/* eg：nav类中的ul中的a，颜色改为yellow */
.nav ul a {
    color: yellow;
}


/* 子选择器 */
/* 子选择器只能选择作为某元素最近一级子元素 */
/* 元素一>元素二 {样式声明} */

div>a {
    color: aquamarine;
}


/* 并集选择器 */
/* 并集选择器可以选择多组标签，同时为他们定义相同的样式。通常用于集体声明 */

div,
p,
.nav li {
    color: blueviolet;
}


/* 链接伪类选择器 */
/* 为了确保生效，尽量不要更改声明顺序，LVHA */

/* 选择所有未被访问的链接 */
a:link {
    color: blueviolet;
}

/* 选择所有以访问的链接 */
a:visited {
    color: brown;
}

/* 选择鼠标经过的链接 */
a:hover {
    color: chartreuse;
}

/* 选择的是鼠标已经按下但还未弹起的链接 */
a:active {

    color: crimson;
}


/* focus伪类选择器 */
/* 主要用于选取获得焦点的元素,一般用于input元素 */
input:focus {
    background-color: cyan;
}